/**
 * @class tuan.view.sanpham.ProductGrid
 * @extends extendsClass
 * Description
 */
 Ext.define('tuan.view.ProductDetail',{
    extend : 'Ext.panel.Panel',
    bodyPadding: 7,
    layout : 'fit',
    height : '400px',
    xtype : 'product_detail_xtempalte',
    tplMarkup: [
    '<div class="product_detail_zone">',
    '<img src = "{img}" class="img_product_detail" /><br/>',
    'Tên sản phẩm <b>{product_name}</b><br/>', 
    'Giá : <b>{price:currency("VND ")}</b><br/>',
    'Trọng lượng : <b>{weight:number} kg</b><br/>',
    'Danh mục : <b>{cate_id}</b><br/>',

    '</div>'
    ],
    initComponent : function (){
        this.tpl = new Ext.Template(this.tplMarkup);
        tuan.view.ProductDetail.superclass.initComponent.call(this);
    }
});
 Ext.define('tuan.view.ReviewProduct',{
    extend : 'Ext.window.Window',
    xtype : 'review-product-xtype',
    title:'Chi tiết sản phẩm',
    items: [
    {
        itemId : 'window_id_product_deltail',
            // xtype : 'product_detail_xtempalte',
        }
        ],
        buttons: [
        {
            text: "Cancel",
            handler : function(){
                this.up('window').close();
            }
        }
        ]
    });
 Ext.define('tuan.view.EditProduct', {
    extend: 'Ext.window.Window',
    xtype : 'edit-product-detail',
    title : 'Chỉnh sửa sản phẩm',
    width : '38%',

    items : [
        {
            xtype : 'form',
            itemId : 'edit-product-detail',
            items : [
                {
                    xtype: "fieldset",
                    title: "Edit",
                    defaults: { xtype: "textfield" },
                    items: [
                        { 
                            name: "product_name",
                            allowBlank : false,
                            xtype: "textfield",
                            id : "product_name",
                            fieldLabel : 'Tên sản phẩm'
                        },
                        { 
                            name: "price",
                            allowBlank : false,
                            xtype: "numberfield",
                            id : "price",
                            fieldLabel : 'Giá (VND)',
                            minValue: 0,

                        },
                    ]
                }
            ]
        }
    ]
});
 Ext.define('tuan.view.sanpham.ProductGrid', {
    extend: 'Ext.grid.Panel',
    xtype : "product_grid_xtype",
    titleAlign : "center",
    tools : [
    {
        xtype : "button",
        menu  : {
            items: [
                {
                    text: 'Load',
                    iconCls : 'icon-accept',
                    icon : 'http://sencha.com/favicon.ico',
                    handler : function(){
                        Ext.Msg.alert('sd');
                    }
                },
    
            ]
        },
        text : "",
        scale   : 'small',
        icon: 'resources/icon/simplycons_37.png',

    }
    ],
    columns : [
    {xtype : "rownumberer"},
    {
      header : "Tên sản phẩm",
      dataIndex : "product_name",
      flex:2
  },
  {
      header : "Giá",
      dataIndex : "price",
      flex:2,
      xtype: 'numbercolumn',
      renderer : function(value){
         return Ext.util.Format.currency(value, 'VND ')
     }
 },
 {
  header : "Trọng lượng (Kg)",
  dataIndex : "weight",
  flex:2,
  renderer : function(value){
     return value + ' kg'
 }
},
{
  header : "Category",
  dataIndex : "cate_id",
  flex:3,
  // renderer: function (value, metaData, record, row, col, store, gridView) {
    renderer: function (value) {
    var name = 'Loading..';
    var c = JSON.parse(localStorage.getItem('localStoreCates'));
    for (var index in c) {
        if(value === c[index].id){
            name = c[index].catename
        }
    };

    return name;


}
},
{
    xtype : "actioncolumn",
    flex : 2,
    header : 'Action',
    id :'action_product_grid',
    items : [
    {
        icon: 'resources/icon/simplycons_03.png',
        tooltip:'Chi tiết sản phẩm',

    },
    {
        icon: 'resources/icon/simplycons_71.png',
        tooltip:'Xóa sản phẩm',

    },
    {
        icon: 'resources/icon/simplycons_37.png',
        tooltip:'Sửa sản phẩm',

    },
    ]
}
]
});